<template>
    <div>
        <p>
            <el-button>provide-inject</el-button><span>provide-inject---{{ kpl }}</span>
        </p>
        <hr>
        <p>
            <el-button @click="grandsFn">grandssattrs----</el-button>{{ grand }}
        </p>
    </div>
</template>

<script>
export default {
    inject: ['kpl'],
    props: ['grand'],
    data() {
        return {
            grandcont: 'grand-content'
        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {
        grandsFn() {
            this.$emit('cgrands', this.grandcont)
        }
    },
    components: {

    },
};
</script>

<style scoped>
</style>
